/****************************************
	creator : danmiya
	date : 2013.04.01

****************************************/
@charset "utf-8";
@import url(webFont.css)/*tpa=http://weather.appme.co.kr/common/css/webFont.css*/;

html,body { margin:0px; padding:0px; font-size:16px; font-family:'nanumN','nanumEB'; height:100%; }
img { border:none; }
#wrapper{ position:relative; width:100%; border:0px red solid; height:100%; }

/*blink, line-through, overline, underline, none*/
a {text-decoration:none; color:#555;}
a:link {text-decoration:none; color:#555;}
a:hover {text-decoration:underline; color:#555;}
a:active {text-decoration:none; color:#555;}

/*-------------------------
	Header_Part
-------------------------*/
#header{ position:relative; display:block; border-bottom:2px rgb(255,110,0) solid;padding:15px 0px; margin-bottom:0px; *zoom:1; -webkit-box-shadow:0 2px 5px #c1a998; -moz-box-shadow:0px 2px 5px #c1a998; box-shadow:0px 2px 5px #c1a998; z-index:10; }
#header .header { width:1300px; margin:0px auto; *zoom:1;}
#header .header .TMenu_area { position:absolute; width:980px; bottom:0px; margin-left:220px; border:0px #333 solid; border-bottom:none; border-radius:5px 5px 0px 0px; background:rgb(255,110,0);/* background:rgb(255,84,0); */}
/*.TMenu_area .Tmneu { width:20%; float:left; color:#fff; font-size:14px; text-align:center; padding:10px 0px; font-weight:bold; border:0px red solid; }*/
.TMenu_area .Tmneu { float:left; color:#fff; font-size:14px; text-align:center; padding:10px 0px; font-weight:bold; border:0px red solid; }
.TMenu_area .Tmneu:after { content:"";display:block;clear:both; }
.TMenu_area .Tmneu a { color:#fff; text-decoration:none; font-size:17px; text-align:center; padding:10px 0px; -webkit-text-shadow:1px 1px 1px rgb(80,30,0); -moz-text-shadow:1px 1px 1px rgb(80,30,0); text-shadow:1px 1px 1px rgb(80,30,0); }
.TMenu_area .Tmneu a:hover { color:#fff; text-decoration:underline; font-size:17px; text-align:center; padding:7px 0px; }



/*-------------------------
	All Contents_Part
-------------------------*/
#container{ position:relative; display:block; width:1300px; margin:0px auto; border:0px red solid;*zoom:1; }
#contentsWrap{ position:relative; padding:0px; margin:0px auto; border:0px red solid; }


/*-------------------------
	Login_Part
-------------------------*/
.login_area{text-align:center; margin:0px auto;}
.login_area table input{width:310px; height:25px;}

/*-------------------------
	LeftMenu_Part
-------------------------*/
#snb { float:left; width:210px; margin-right:10px; *zoom:1; }
#snb h1 { font-weight:bold; color:rgb(255,84,0); }
#snb h3 { color:green; }
#snb .sLink { margin:5px 0px;padding: 5px 3px; background:; border:1px #ff8a00 solid;}
#snb .sLink a{color:#ff8a00; }

/*-------------------------
	Content_Part
-------------------------*/
#contents { min-height: 260px;float:left; width:970px; padding:20px 0px 20px 10px; border-left:1px rgb(255,84,0) solid; border-right:0px rgb(255,84,0) solid; *zoom:1; }
#contents .content_table { width:970px; border:0px yellow solid;}

.divBtn { border:1px gray solid; padding:5px; text-align:center; cursor:pointer; }
.lang {
list-style: none;
display: block;
}
.en {
background: url('../images/flag_10.gif') center;
}
.vn {
background: url('../images/flag_12.gif') center;
}
.kr {
background: url('../images/flag_14.gif') center;
}
.lang input {
padding-right: 5p;
width: 24px;
height: 18px;
border: none;
}
/* Menu1 */
#contents .content_table table{ width:100%; border:none; text-align:center; } 
#contents .content_table caption{ border: 0px solid #ccc; font-weight:bold; padding:5px; } 
#contents .content_table thead { background:#c3c3c3; }
#contents .content_table th { height:; text-align:center; }
#contents .content_table tr { border:1px solid #ccc; }
#contents .content_table td, th{ border-bottom:1px solid #ccc; padding:5px; text-align:center; color:#646464; font-size:12px; }

#contents .content_table .search_box { border:1px #aaa solid; border-radius:10px; margin-bottom:10px; padding:0px 0px 10px 40px; }
#contents .content_table .search_box .search_sbox { width:100%; display:inline-block; clear:both; border:0px red solid; }
#contents .content_table .search_box .search_sbox ul { clear:both; list-style:none; padding:5px;}
#contents .content_table .search_box .search_sbox li { float:left; list-style:none; margin:5px; }
#contents .content_table .search_box .search_sbox li:after { content:"";display:block;clear:both;width: 80px; }


/* Detail */
#contents .content_table_detail table{ width:100%; border:1px solid #ccc; margin-bottom:5px;}
#contents .content_table_detail caption{ border: 0px solid #ccc; font-weight:bold; padding:5px; } 
#contents .content_table_detail th { height:20px; background:#c3c3c3; text-align:center; }
#contents .content_table_detail tr { border:1px solid #ccc; }
#contents .content_table_detail td, th{ border:1px solid #ccc; padding:5px; text-align:left; color:#646464; font-size:12px; }
#contents .content_table_detail .imgBox { width:70px; height:70px; border:1px gray solid; float:left; margin-right:5px;}
#contents .content_table_detail .contBox { border:0px gray solid;}


/*-------------------------
	pagenation<naver css>
-------------------------*/
.paginate_simple{padding:15px 0;text-align:center;line-height:normal}
.paginate_simple *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:11px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_simple a:hover,
.paginate_simple a:active,
.paginate_simple a:focus{background-color:#f8f8f8}
.paginate_simple strong{color:#ff6600}
.paginate_simple .direction{padding:0 6px;font-weight:bold;font-size:14px;color:#666;text-align:center}
.paginate_simple .direction:hover,
.paginate_simple .direction:active,
.paginate_simple .direction:focus{background-color:transparent !important;color:#333}
.paginate_simple .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}


/*-------------------------
	Footer_Part
-------------------------*/
#footer{ position:relative; background:rgb(255,84,0);padding:7px; text-align:center; color:#ffcca6; font-weight:bold; clear:both; *zoom:1; }

.full1{
	width: 770px;
	float: left;
	margin: 0 0 15px 0;
	padding: 9px 14px;
	border: 1px solid #ededed;	
}


.full1 h1.page_title{
	color: #5e5e5e;
	font-size: 16px;
	text-transform: uppercase;	
	color: #303032;
	margin: 10px 0;
}

.full1 .content{
	float: left;
	width: 100%;
	margin: 10px 0;
	line-height: 18px;
	color: #656565;	
}

.full1 .tabs{
	float: left;
	width: 100%;
	margin: 10px 0;	
}

.full1 .tabs #scroller-header a {
	color:#5e5a5a; 
	padding: 0 0 5px 0;
	height: 30px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
.full1 .tabs #scroller-header a span {
	line-height: 30px;
	display: block;
	padding: 0 10px;
	background: #ececec;
}

.full1 .tabs #scroller-header a:hover span, .full1 .tabs #scroller-header a.selected span{
	background: #5e5e5e;
	display: block;
	color: #fff;
}

.full1 .tabs #scroller-header {
	width:750px;
	padding:0;
	float: left;
	height: 30px;
	position: relative;
	z-index: 1;
}

.full1 .tabs #scroller-body {
	width:730px;
	padding:0;
	float: left;
	height: auto;
	margin: 0;
	padding: 19px;
	border: 2px solid #5e5e5e;
	position: relative;
	z-index: 0;
}



.full1 .tabs #panel {
	margin: 0;
	height: auto;
	width: 710px;
}

.full1 .tabs #panel div {
float:left;

}

.full1 .tabs #panel .content{
	width: 710px !important;
	float: left;
	padding: 0;
}

.full1 .qa{
	width: 710px;
	float: left;
	margin: 0 0 2px 0;	
}

.full1 .qa .question{
	background: url(../images/icon_plus.jpg) left center no-repeat #ececec;
	line-height: 30px;
	padding: 0 10px 0 0px;
	width: 670px;
	color: #656565;
	cursor: pointer;
	display: block;
	float: left;
}

.full1 .qa .question.expanded{
	background: url(../images/icon_minus.jpg) left center no-repeat #5e5e5e;
	color: #fff;
}

.full1 .qa .answer{
	padding: 15px 10px 15px 50px;	
	width: 670px;
	line-height: 20px;
	color: #656565;
	float: left;
	display: block;
}

.full1 .frm_register, .full1 .frm_login{
	float: left;
	margin: 15px 210px;	
	color: #000;
}

.full1 .frm_register h1.title, .full1 .frm_login h1.title{
	color: #5e5e5e;
	font-size: 16px;
	text-transform: uppercase;
	background: url(../images/icon_star.png) 0 center no-repeat;
	padding: 3px 0 0 30px;
}


.full1 .frm_login h1.title{
	margin-bottom: 15px;
}

.full1 .frm_register .header{
	color: #e98200;
	font-weight: bold;
	width: 100%;
	text-indent: 20px;
	float: left;
	margin: 20px 0 0 0;	
	line-height: 20px;
}


.full1 .frm_register .note{
	color: #000;
	width: 100%;
	float: left;
	line-height: 20px;
	margin-bottom: 15px;
}

.full1 .frm_register .frm, .full1 .frm_login .frm{
	width: 100%;
	float: left;
	padding: 3px 0;	
}

.full1 .frm_register label, .full1 .frm_login label{
	color: #000;
	text-align: right;
	margin: 0 10px 0 0;
	float: left;
	display: block;
	line-height: 23px;	
	width: 170px;
}

.full1 .frm_register label span, .full1 .frm_login label span{
	color: #ff0000;
}

.full1 .frm_register .TextBoxField, .full1 .frm_login .TextBoxField{
	float: left;
	width: 210px;
	padding: 0 5px;
	border: 1px solid #c7c7c7;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 21px;
	height: 21px;	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.full1 .frm_register select{
	color: #7f7979;
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	background: #fff;
	border: 1px solid #c7c7c7;
	height: 21px;
	width: 80px;
	float: left;
}

.full1 .frm_register .img_captcha{
	float: left;
	width: 100px;
	height: 23px;	
}

.full1 .frm_register .img_captcha img{
	float: left;	
}

.full1 .frm_register .btn_reload{
	background: url(../images/btn_reload.jpg) no-repeat;
	width: 20px;
	height: 23px;
	float: left;
	display: block;
	margin: 0 10px;	
}

.full1 .frm_register input[type="submit"]{
	margin: 15px 0 5px 0;	
}

.full1 .frm_login input[type="checkbox"]{
	float: left;
	margin: 0 15px 0 0;	
}


.full1 .frm_login input[type="submit"]{
	margin: 0 15px 0 0;	
}
